<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>支付流水</title>
		<link rel="stylesheet" href="../../css/base.css" />
		<link rel="stylesheet" href="../../css/common.css" />
		<!-- Bootstrap Core CSS -->
		<link href="../../sbadmin/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
		<!-- MetisMenu CSS -->
		<link href="../../sbadmin/bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
		<!-- DataTables CSS -->
		<link href="../../sbadmin/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css" rel="stylesheet">
		<!-- Custom CSS -->
		<link href="../../sbadmin/dist/css/sb-admin-2.css" rel="stylesheet">
		<!-- Custom Fonts -->
		<link href="../../sbadmin/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
		<style>
			body {
				padding: 0 15px !important;
			}
		</style>
	</head>

	<body style="background:#FFF;">
		<div class="comm-tt-font pr">
			支付流水
		</div>
		<div class="member-search-box">
			<div class="msb-ico">筛选条件</div>
			<div class="msb-ccbox">
				<div class="wo-form-item clb">
					<div class="fl mb10">
						<div class="wo-form-itemtt fl">销售城市：</div>
						<div class="wo-form-itemcc fl">
							<select class="item-select">
								<option>--请选择--</option>
							</select>
						</div>
					</div>
					<div class="fl mb10">
						<div class="wo-form-itemtt fl">销售门店：</div>
						<div class="wo-form-itemcc fl">
							<select class="item-select">
								<option>--请选择--</option>
							</select>
						</div>
					</div>
					<div class="fl mb10">
						<div class="wo-form-itemtt fl">商品名：</div>
						<div class="wo-form-itemcc fl">
							<input type="text" class="item-input" />
						</div>
					</div>
				</div>
				<div class="wo-form-item clb">
					<div class="fl mb10">
						<div class="wo-form-itemtt fl">商品分类：</div>
						<div class="wo-form-itemcc fl">
							<select class="item-select">
								<option>--请选择--</option>
							</select>
						</div>
					</div>
					<div class="fl mb10">
						<div class="wo-form-itemtt fl">销售日期：</div>
						<div class="wo-form-itemcc fl">
							<input type="text" class="item-input" />
							<label class="z-font">至</label>
							<input type="text" class="item-input" />
						</div>
					</div>
				</div>
				<div class="wo-form-item clb">
					<div class="fl mb10">
						<div class="wo-form-itemtt fl">订单号：</div>
						<div class="wo-form-itemcc fl">
							<input type="text" class="item-input" />
						</div>
					</div>
					<div class="fl mb10">
						<div class="wo-form-itemtt fl">支付方式：</div>
						<div class="wo-form-itemcc fl">
							<select class="item-select">
								<option>--请选择--</option>
							</select>
						</div>
					</div>
					<div class="fl mb10">
						<div class="wo-form-itemtt fl" style="width: 100px;">第三方流水号：</div>
						<div class="wo-form-itemcc fl">
							<input type="text" class="item-input" />
						</div>
					</div>
				</div>
				<div class="clb mt10" style="margin-left: 80px;">
					<a href="#" class="fl commqx-btn">重置</a>
					<a href="#" class="fl commqr-btn ml15">确定</a>
				</div>
			</div>
		</div>
		<div class="bars-box">
			<div class="export">
				<span class="exptxt fl">流水记录总数：2</span>
				<span class="expbtn fr">导出列表</span>
			</div>
			<div class="panel-body" style="padding-top: 0 !important;">
				<div class="dataTable_wrapper" id="app">
					<table class="table table-striped table-bordered table-hover" id="dataTables-example">
						<thead>
							<tr>
								<th>订单号</th>
								<th>商品分类</th>
								<th>销售门店</th>
								<th>销售日期</th>
								<th>应收金额</th>
								<th>实付金额</th>
								<th>支付方式</th>
								<th>第三方流水号</th>
								<th>支付交易时间</th>
								<th>支付账号</th>
							</tr>
						</thead>
					</table>
				</div>
				<!-- /.table-responsive -->
			</div>
			<div class="no-tit">
				<img class="no-pic" src="../../img/error.jpg" />
				<p class="no-txt">没有符合筛选条件的记录</p>
			</div>
		</div>

		<!-- jQuery -->
		<script src="../../sbadmin/bower_components/jquery/dist/jquery.min.js"></script>
		<!-- Bootstrap Core JavaScript -->
		<script src="../../sbadmin/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
		<!-- Metis Menu Plugin JavaScript -->
		<script src="../../sbadmin/bower_components/metisMenu/dist/metisMenu.min.js"></script>
		<!-- DataTables JavaScript -->
		<script src="../../sbadmin/bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
		<script src="../../sbadmin/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script>
		<!-- Custom Theme JavaScript -->
		<script src="../../sbadmin/dist/js/sb-admin-2.js"></script>
		<!-- Page-Level Demo Scripts - Tables - Use for reference -->
	</body>
	<script>
		var table = $("#dataTables-example").DataTable({
			ajax: {
				url: "http://m.aidong.me:9999/gym/user/slave/stores/all",
				type: "get",
				beforeSend: function(request) {
					request.setRequestHeader("token", localStorage.getItem("token"));
				},
			},
			columns: [{
					data: "companyId"
				},
				{
					data: "isCycle"
				},
				{
					data: "storeArea"
				},
				{
					data: "storeCity"
				},
				{
					data: "storeId"
				},
				{
					data: "storeId"
				},
				{
					data: "storeId"
				},
				{
					data: "storeId"
				},
				{
					data: "storeId"
				},
				{
					data: "storeId"
				}
			],
			responsive: false,
			bLengthChange: false,
			bSort: false,
			paging: true,
			bFilter: true,
			bInfo: true,
			searching: false,
			bAutoWidth: true,
			"oLanguage": {
				"sLengthMenu": "每页显示 _MENU_ 条记录",
				"sZeroRecords": "抱歉， 没有找到",
				"sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",
				"sInfoEmpty": "没有数据",
				"sInfoFiltered": "(从 _MAX_ 条数据中检索)",
				"oPaginate": {
					"sFirst": "首页",
					"sPrevious": "前一页",
					"sNext": "后一页",
					"sLast": "尾页"
				},
				"sSearch": "查询条件:",
				"sZeroRecords": "没有检索到数据",
				"sProcessing": "<img src='./loading.gif' />"
			}
		});
	</script>

</html>